<template>
  <view class="box">
    <view class="location">
      <text>清除课程表背景图片</text>
      <view class="clarify">点击确定将清除您自定义的课程表背景图片</view>
      <button type="primary" class="determine" @click="clearClass">确定</button>
      <button type="default" class="cancel" @click="cancel">取消</button>
    </view>
  </view>
  <!--  <view></view>-->
</template>

<script>
export default {
  name: "ClearClass",
  // 接收父组件传递的数据
  props:{
    showClearClass:{
      type: Boolean,
      default: false
    }
  },
  data(){
    return{

    }
  },

  methods:{
    clearClass(){
      // 调用父组件传递的closeDevelopment方法，并且传值
      this.$emit('clearClass',false)
      // console.log('isDevelopment')
    },
    cancel(){
      // 调用父组件传递的closeDevelopment方法，并且传值
      this.$emit('cancel',false)
      // console.log('isDevelopment')
    },
  }
}
</script>

<style lang="scss" scoped>
.box{
  position: fixed;
  padding: 20rpx;
  width: 600rpx;
  height: 400rpx;
  margin: 0 auto;
  left: 70rpx;
  top: 400rpx;
  background-color: #FFFFFF;
  box-shadow: 0 0 10rpx #E6E6E6;
  z-index: 3000;
  .location{
    position: relative;
    .clarify{
      position: absolute;
      top: 120rpx;
    }
    .determine{
      width: 250rpx;
      height: 70rpx;
      line-height: 70rpx;
      position: absolute;
      top: 270rpx;
      left: 20rpx;
    }
    .cancel {
      width: 250rpx;
      height: 70rpx;
      line-height: 70rpx;
      position: absolute;
      top: 270rpx;
      left: 290rpx;
    }
  }

}
</style>
